<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Welcome to UAlbanyBook, Log in or Sign up</title>
        <link rel="stylesheet" type="text/css" href="default.css" />
         <style type="text/css">
        
        #LoginRow {
		position:absolute;
		left:10px;
		top:20px;
		width:1000px;
		height:10px;
		z-index:2;
                }
		#LoginImg {
		position:absolute;
		left:100px;
		top:160px;
		width:278px;
		height:200px;
		z-index:2;
                }
		#Signup{
                position:absolute;
                left:700px;
                top:160px;
                width:280px;
                height:338px;
                z-index:2;
                }
		 </style>
     	
    </head>
       
    <body>
    
    <div id="header">
    <div id="slogan">
    UAlbanyBook
    </div>
    <form name="form1" method="post" action="/src/Login">
      <p>
        <label for="LoginEmail"></label>
      </p>
      <p>E-mail
  <input type="text" name="LoginEmail" id="LoginEmail">
        Password <input type="text" name="LoginPassword" id="LoginPassword">
        <input type="submit" name="Login" id="Login" value="Log in">
      </p>
    </form>
    </div>
    
    <div id="LoginImg">
    <img src="img/UAlbanyBookLoginImg.jpg" width="379" height="353" alt="">
    </div>
    <div id = "Signup">
      <form name="form2" method="post" action="register.jsp">
        <h2><strong>Sign up</strong></h2>
    <p>
    Last name:
      <input type="text" name="SignupLastN" id="SignupLastN">
      </p>
    
    <p>First name:
  <label for="SignupFirstN"></label>
  <input type="text" name="SignupFirstN" id="SignupFirstN">
    </p>
    
      <label for="SignupLastN"></label>
    <p>
    Your E-mail:
        <label for="SignupEmail"></label>
      <input type="text" name="SignupEmail" id="SignupEmail">
    </p>
    <p>
    Re-enter E-mail:
      <label for="SignupReEmail"></label>
      <input type="text" name="SignupReEmail" id="SignupReEmail">
    </p>
    <p>
    New Password:
      <label for="SignupPassword"></label>
      <input type="text" name="SignupPassword" id="SignupPassword">
    </p>
    <p>
    I am:
    <label for="SignupSex"></label>
      <select name="SignupSex" id="SignupSex">
        <option value="Female">Female</option>
        <option value="Male">Male</option>
      </select>
    </p>    
    <p>
    <input type="submit" name="Signup" id="Signup2" value="Sign Up">
    </p>
    </form>
    </div>
    
   
    

</body>
</html>